<template>
  <window class="m-import-detail" ref="win" title="报读明细">
    <div class="am-form-group">
      <el-table
        :data="tableData"
        border
        empty-text="暂无数据"
        stripe
        style="min-width: 100%">
        <el-table-column
          min-width="110"
          prop="periodName"
          align="center"
          label="报读期数">
          <template scope="scope">
            {{scope.row.courseClass.periodName}}
          </template>
        </el-table-column>
        <el-table-column
          min-width="150"
          prop="campusName"
          align="center"
          label="报读校区">
          <template scope="scope">
            {{scope.row.courseClass.campusName}}
          </template>
        </el-table-column>
        <el-table-column
          min-width="110"
          prop="gradeName"
          align="center"
          label="报读年级">
          <template scope="scope">
            {{scope.row.courseClass.gradeName}}
          </template>
        </el-table-column>
        <el-table-column
          min-width="110"
          prop="subjectName"
          align="center"
          label="报读科目">
          <template scope="scope">
            {{scope.row.courseClass.subjectName}}
          </template>
        </el-table-column>
        <el-table-column
          min-width="150"
          prop="className"
          align="center"
          label="报读班级">
          <template scope="scope">
            {{scope.row.studentReg.className}}
          </template>
        </el-table-column>
        <el-table-column
          min-width="110"
          prop="totalAmount"
          align="center"
          label="应缴金额">
          <template scope="scope">
            {{scope.row.studentReg.totalAmount}}
          </template>
        </el-table-column>
        <el-table-column
          min-width="110"
          prop="payAmount"
          align="center"
          label="已缴金额">
          <template scope="scope">
            {{scope.row.studentReg.payAmount}}
          </template>
        </el-table-column>
        <el-table-column
          min-width="110"
          prop="createTime"
          align="center"
          label="报读日期">
          <template scope="scope">
            {{scope.row.studentReg.createTime | formatDate}}
          </template>
        </el-table-column>
      </el-table>
    </div>
  </window>
</template>

<script>
  import io from '../../lib/io'

  export default{
    data: function () {
      return {
        tableData: [],
      }
    },
    created () {

    },
    methods:{
      show:function(){
        this.$refs.win.show( { width : 1000 } )
      }
    }
  }

</script>
